<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>train</title>
	<link rel="stylesheet" href="../css/cssreset.css">
	<link rel="stylesheet" href="../css/train.css">
	<script src="../js/jquery-3.0.0.js"></script>
</head>
<body>
	<header>
		<div class="sup">
			<div class="sup_main">
				<div class="sup_main_left">
					<p>让旅行更幸福</p>
					<div class="language">
						<span class="s1"></span>
						<b>Language</b>						
					    <span class="s2"></span>
					    <ul class="country">
					    	<li><span class="c1"></span>简体中文</li>
					    	<li><span class="c2"></span>English (United States)</li>
					    	<li><span class="c3"></span>English (United Kingdom)</li>
					    	<li><span class="c4"></span>繁體中文 (中國香港)</li>
					    	<li><span class="c5"></span>English(Hong Kong,China)</li>
					    	<li><span class="c6"></span></li>
					    	<li><span class="c7"></span></li>    	
					    	<li><span class="c8"></span>English (Singapore)</li>
					    	<li><span class="c9"></span>English (Australia)</li>
					    	<li><span class="c10"></span>Deutsch</li>
					    	<li><span class="c11"></span>Français</li>
					    	<li><span class="c12"></span>Español</li>
					    	<li><span class="c13"></span>Italiano</li>
					    	<li><span class="c14"></span>Русский</li>
					    	<li><span class="c15"></span></li>
					    	<li><span class="c17"></span>Bahasa Indonesia</li>
					    	<li><span class="c18"></span>Bahasa Malaysia</li>
					    	<li><span class="c19"></span></li>				    	
					    	<li><span class="c20"></span></li>
					    	<li><span class="c21"></span></li>
					        <li><span class="c22"></span></li>
					    	<li><span class="c22"></span></li>
					    	<li><span class="c23"></span></li>
					    	<li><span class="c24"></span></li>
				

					    </ul>
					</div>
					
				</div>
			    <div class="sup_main_right">
			    	<ul class="box">
			    		<li><a href="../html/login.html">您好，请登录</a></li>
			    		<li>免费注册</li>
			    		<li>
			    			<span class="s3"></span>
			    		    <b>消息</b>
			    	    </li>
			    		<li class="li1"><b>我的携程</b>
			    			<span class="s4"></span>
			    			<ul class="childbox">
								<li>我的收藏</li>
								<li>我的优惠券</li>
								<li>常用信息</li>
								<li>我的钱包</li>
							</ul>
			    		</li>
			    		<li class="li1"><b>我的订单</b>
			    			<span class="s5"></span>
			    			<ul class="childbox2">
								<li>机票+相关订单</li>
								<li>酒店订单</li>
								<li>旅游订单</li>
								<li>火车票订单</li>
								<li>全部订单</li>
								<li>手机号查订单</li>
							</ul>
			    		</li>
			    		<li><b>客服中心</b></li>
			    		<li class="li2">
			    			<span class="s6"></span>
			    			<i>
			    				<img src="../images/3_51code.jpg" alt="">
			    				<p>手机扫码快速下载</p>
			    				<p>携程旅行手机版></p>
			    			</i>
			    		</li>
			    		<li class="li2">
			    			<span class="s7"></span>
			    			<i>
			    				<img src="../images/3_51code.jpg" alt="">
			    				<p>携程订阅号helloctrip</p>
			    				<p>扫一扫，<u>领旅行福利</u></p>
			    			</i>
			    		</li>
			    			
			    			
			    			
			    		
			    		
			    	</ul>
			    </div>				
			</div>			
		</div>
		<h1><img src="../images/1_1logo.png" alt=""><span>客服电话：95010</span></h1>
	</header>
<nav>
		<ul class="navbox">
			<li><b><a href="../index.html">首页</a></b></li>
			<li><b class="triangle">酒店</b><span></span><u></u>
				<ul class="navchildbox">
					<li>国内酒店</li><li>海外酒店</li><li>民宿客栈</li><li>海外民宿</li><li>团购</li><li>酒店+景点</li><li>团队房•长住房</li><li>会议</li>
				</ul>
			</li>
			<li><b class="triangle">旅游</b><span></span><u></u>
				                
				<ul class="navchildbox">
					<li>旅游首页会员日</li><li>周末游</li><li>跟团游</li><li>自由行</li><li>私家团</li><li>邮轮</li><li>酒店+景点</li><li>当地玩乐</li><li>主题游</li><li>定制旅行</li><li>游学</li><li>签证</li><li>企业会奖</li><li>高端游</li><li>爱玩户外</li><li>保险</li><li>特卖汇</li>
				</ul>
			</li>
			<li><b>跟团游</b></li>
			<li><b>自由行</b></li>
			<li><b class="triangle">机票</b><span></span><u></u>
				<ul class="navchildbox">
					<li>国内机票</li><li>国际•港澳台机票</li><li>特价机票</li><li>机+酒</li><li>航班动态</li><li>值机选座</li><li>退票改签</li><li>机场攻略</li><li>定制包机</li>
				</ul>
				        
			</li>
			<li><b class="triangle"><a href="">火车</a></b><span></span><u></u>
				<ul class="navchildbox">
					<li>国内火车票</li><li>国际•港台火车票</li>
					 
				</ul>
			</li>
			<li><b class="triangle">汽车 · 船</b><span></span><u></u>
				<ul class="navchildbox">
					<li>汽车票</li><li>景区/机场专线</li><li>船票</li><li>游艇帆船</li><li>到站游</li>
				</ul>
			</li>
			<li><b class="triangle">用车</b><span></span><u></u>
				<ul class="navchildbox">
					<li>用车首页</li><li>境外租车</li><li>境外接送机</li><li>境外包车</li><li>国内租车</li><li>国内接送机/火车</li><li>国内包车</li>
				</ul>
			</li>
			<li><b class="triangle">门票</b><span></span><u></u>
				<ul class="navchildbox">
					<li>境内门票</li><li>境外•港澳台门票</li><li>当地玩乐</li><li>出境WiFi•电话卡</li><li>周末游</li><li>上海海昌</li> 
				</ul>
			</li>
			<li><b>攻略</b></li>
			<li><b class="triangle">全球购</b><span></span><u></u>
				<ul class="navchildbox">
					<li>名店购</li><li>旅游购物商城</li><li>退税</li><li>银联特惠</li><li>万千赏 </li><li>外币兑换</li>    
				</ul>
			</li>
			<li><b class="triangle">礼品卡</b><span></span><u></u>
				<ul class="navchildbox">
					<li>礼品卡首页</li><li>节日/主题购卡</li><li>礼品卡福袋</li><li>企业采购</li><li>兑换券</li><li>外币兑换</li>
				</ul>
			</li>
			<li><b class="triangle">商旅</b><span></span><u></u><u></u>
				<ul class="navchildbox">
					<li>商旅首页</li><li>企业客户注册</li><li>会议旅游</li>
				</ul>
			</li>
			<li><b>邮轮</b></li>
			<li><b>目的地</b></li>
			<li><b>金融</b></li>
			<li><b class="triangle">更多</b><span></span><u></u>
				<ul class="navchildbox">
					<li>优品商城</li><li>超级会员</li><li>团购</li><li>合作卡</li><li>携程运动</li>           
				</ul>
			</li>
		</ul>	
	</nav>
	<div class="nav_bottom"></div>
	<main>
		<div class="banner">
			<div class="banner_left">
				<span class="domestic">国内火车票</span>
				<span class="international">国际港台火车票</span>
				<div class="box">
					<div class="box_main">
						<p class="p1"><span>单程</span><span>往返</span><span>中转</span></p>
						<p class="p2"><span class="s1">出发城市</span><span class="s2">到达城市</span></p>
						<p class="city">
							<input type="text" placeholder="出发城市" class="left">
						    <input type="text" placeholder="到达城市" class="right">
						    <span></span>
						</p>
						<p class="gotime">
							<span>出发时间</span>
						    <input type="date" class=timeinput placeholder="2019-12-28">
						</p>
						<p class="search">
							<span>只搜高铁动车</span>
							<input type="checkbox">
							<button><a href="detail.html">开始搜索</a></button>
						</p>
						
					</div>
				</div>
			</div>
			<div class="banner_right">
				<ul id="box">
					<li><img src="../images/4_3houche.png" alt=""></li>
					<li><img src="../images/4_5.jpg" alt=""></li>
				</ul>
			</div>
		</div>
		<div class="wechatcode"><img src="../images/4_4code.jpeg" alt=""></div>
		<div class="hotel">
			<p>
				<b>优惠酒店</b>
				<i>/热门酒店优惠</i>
				<ul class="place">
					<li>上海</li>
					<li>北京</li>
					<li>杭州</li>
					<li>广州</li>
					<li>南京</li>
					<li>天津</li>
					<li>武汉</li>
					<li>西安</li>					
				</ul>
		    </p>
			<ul class="adver">
				<li>
					<div>
						<img src="../images/4_6l2.jpg" alt="">
					</div>
					<p>
						<b>上海徐汇云睿酒店</b>
					    <i>￥209起</i>
					</p>
					<p>
						<b><span></span><u>徐家汇地区</u></b>
					    <i>评分4.5</i>
					</p>
					
				</li>
				<li>
					<div>
						<img src="../images/4_6l1.jpg" alt="">
					</div>
					<p>
						<b>上海徐汇瑞峰酒店</b>
					    <i>￥232起</i>
					</p>
					<p>
						<b><span></span><u>打浦桥地区</u></b>
					    <i>评分4.2</i>
					</p>
					
				</li>
				<li>
					<div>
						<img src="../images/4_6li4.jpg" alt="">
					</div>
					<p>
						<b>零点依精致酒店(上海火...)</b>
					    <i>￥268起</i>
					</p>
					<p>
						<b><span></span><u>上海火车站地区</u></b>
					    <i>评分4.6</i>
					</p>					
				</li>
				<li>
					<div>
						<img src="../images/4_6li3.jpg" alt="">
					</div>
					<p>
						<b>维也纳酒店（上海浦东机...）</b>
					    <i>￥209起</i>
					</p>
					<p>
						<b><span></span><u>浦东机场核心区</u></b>
					    <i>评分4.6</i>
					</p>
				</li>
			</ul>
		</div>
		<div class="train">
			<p>
				<b>坐火车去旅行</b>
				<i>/热门火车旅游线路</i>
			</p>
			<ul class="highspeed">
				<li>
					<div>
						<img src="../images/4_6li5.jpg" alt="">
					</div>
					<p>京广高铁</p>
					<p><b>天南地北任我游</b><b>92%</b><span></span></p>
				</li>
				<li>
					<div>
						<img src="../images/4_7li6.jpg" alt="">
					</div>
					<p>京沪高铁</p>
					<p><b>千里京沪一日还</b><b>95%</b><span></span></p>
				</li>
				<li>
					<div>
						<img src="../images/4_8li7.jpg" alt="">
					</div>
					<p>宁杭甬</p>
					<p><b>最养眼的高铁线路</b><b>89%</b><span></span></p>
				</li>
				<li>
					<div>
						<img src="../images/4_9li8.jpg" alt="">
					</div>
					<p>成渝高铁</p>
					<p><b>爱上天府之国</b><b>88%</b><span></span></p>
				</li>
			</ul>
		</div> 
		<div class="line">
			<p>
				<b>热门线路</b>
				<i>/热门线路推荐</i>
				<ul class="place">
					<li>上海</li>
					<li>北京</li>
					<li>杭州</li>
					<li>广州</li>
					<li>南京</li>
					<li>天津</li>
					<li>武汉</li>
					<li>西安</li>					
				</ul>
		    </p>
		    <div class="box">
		    	<div>
		    		<ul>
						<li><b><i>上海</i><span></span><i>北京</i></b><b><u>¥309.0</u>起</b></li>
						<li><b><i>上海</i><span></span><i>武汉</i></b><b><u>￥258.0</u>起</b></li>
						<li><b><i>上海</i><span></span><i>杭州</i></b><b><u>￥46.5</u>起</b></li>
						<li><b><i>上海</i><span></span><i>合肥</i></b><b><u>￥150.0</u>起</b></li>
			    	</ul>
		    	</div>
		    	<div>
		    		<ul>
						<li><b><i>上海</i><span></span><i>郑州</i></b><b><u>￥236.5</u>起</b></li>
						<li><b><i>上海</i><span></span><i>温州</i></b><b><u>￥175.5</u>起</b></li>
						<li><b><i>上海</i><span></span><i>宁波</i></b><b><u>￥96.0</u>起</b></li>
						<li><b><i>上海</i><span></span><i>厦门</i></b><b><u>￥328.0</u>起</b></li>
			    	</ul>
		    	</div>
		    	<div>
		    		<ul>
						<li><b><i>上海</i><span></span><i>福州</i></b><b><u>￥261.5</u>起</b></li>
						<li><b><i>上海</i><span></span><i>南昌</i></b><b><u>￥237.0</u>起</b></li>
						<li><b><i>上海</i><span></span><i>义乌</i></b><b><u>￥89.5</u>起</b></li>
						<li><b><i>上海</i><span></span><i>苏州</i></b><b><u>￥22.5</u>起</b></li>
			    	</ul>
		    	</div>
		    </div>
			
		</div>
	</main>

	<div class="stripe">
		
			<ul>
				<li><span class="s1"></span><div><h4>安心服务</h4><p>7*24小时可预订</p><p>自取、送票上门任你选</p></div></li>
				<li><span class="s2"></span><div><h4>放心价格</h4><p>专享携程优惠券礼品卡等</p></div></li>
				<li><span class="s3"></span><div><h4>退价无忧</h4><p>工作时间内前25分钟可退票</p><p>工作时间内前25分钟可改签</p></div></li>
			</ul>

	</div>
	<footer>
		<div class="footer_main">
			<p>网站导航 | 宾馆索引 | 机票索引 | 旅游索引 | 商旅索引 | 攻略索引 | 关于携程 | 企业公民 | 诚聘英才 | 智慧旅游  | 分销联盟 | 代理合作 | 企业商旅 | 中小企业差旅 | 广告业务 | 联系我们</p>
			<p>加盟合作 | 酒店加盟 | 目的地及景区合作 | 用户协议 | 隐私政策 | 营业执照 | 旅游度假资质 | 保险代理 | 友情链接 | Copyright©1999-2020, ctrip.com. All rights </p>
			<p>reserved. | ICP证：沪B2-20050130</p>
			<p><span class="s0"></span>沪公网备31010502002731号</p>
			<p>
				<b><span class="s1"></span><i>信用评级</i></b>
				<b><span class="s2"></span> <i>上海工商</i></b>
				<b><span class="s3"></span></b>
				<b><span class="s4"></span><i>网络社会征信网</i></b><b><span class="s5"></span></b>
				<b><span class="s6"></span></b>
				<b><span class="s7"></span></b>
			</p>
		</div>
	</footer>




	<script src="../js/train.js"></script>
</body>
</html>